/<template>
    <van-tabbar v-model="active" route>
      <van-tabbar-item 
        v-for="(item,index) in routes" 
        :key="index" 
        icon="home-o"
        :to="item.path"
        >
        {{item.name}}
      </van-tabbar-item>
    </van-tabbar>
</template>

<script>
export default {
    name:"TabBar",
    props:{
        routes:{
            type:Array,
            default: () =>{}
        }
    },
    data(){
        return{
            active:0
        }
    }
}
</script>

<style>

</style>